<template>
	<view class="btn-layout" :style="{color: color, border: '1rpx solid ' + borderColor, width: width, height: height, lineHeight: height,
		backgroundColor: bgColor, marginLeft: marginLeft, borderRadius: borderRadius}" @click.stop="btnClick">{{text}}</view>
</template>

<script>
	export default {
		props: {
			text: {
				type: String
			},
			color: {
				type: String
			},
			borderColor: {
				type: String,
				default: "#B3BBCB",
			},
			width: {
				type: String,
				default: '176rpx',
			},
			height: {
				type: String,
				default: '64rpx',
			},
			bgColor: {
				type: String,
				default: '#FFFFFF',
			},
			marginLeft: {
				type: String,
				default: '32rpx',
			},
			borderRadius: {
				type: String,
				default: '32rpx',
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			//按钮点击
			btnClick(){
				this.$emit("clickBack", {})
			}
		}
	}
</script>

<style scoped>
	.btn-layout{
		border: 1rpx solid #B3BBCB;
		border-radius: 32rpx;
		text-align: center;
		font-size: 28rpx;
	}
</style>
